<!DOCTYPE HTML>
<!-- <div class="modal-header">
	<button type="button" class="close" data-dismiss="modal"
		aria-hidden="true">X</button>
	<h3>Generate Coupon</h3>
</div> -->
<form ng-submit="generateCoupon()" ng-controller="generateCouponCtrl">
	<div class="modal-body">
		{{error}}<br /> 
		<!-- <input type="text" placeholder="No of Coupons" ng-model="coupon.count" /><br /> -->

		<fieldset>
			<div class="control-group">
				<label class="control-label" for="message">Session on</label>
				<div class="controls">
					<textarea class="span4" name="message" id="message" rows="5"></textarea>
				</div>
			</div>
			
			<div class="control-group">
				<label class="control-label" for="count">No of coupons</label>
				<div class="controls">
					<input type="text"  class="span4" name="count" id="count" >
				</div>
			</div>

			<div class="control-group">
				<label class="control-label" for="startTime">Start-Time</label>
				<div class="controls">
					<div id="datetimepicker1" class="input-append date">
						<input type="text" placeholder="Start-Time" ng-model="startTime"></input>
						<span class="add-on"> <i data-time-icon="icon-time"
							data-date-icon="icon-calendar"></i>
						</span>
					</div>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="endTime">End-Time</label>
				<div class="controls">
					<div id="datetimepicker2" class="input-append date">
						<input type="text" placeholder="End-Time" ng-model="endTime"></input>
						<span class="add-on"> <i data-time-icon="icon-time"
							data-date-icon="icon-calendar"></i>
						</span>
					</div>
				</div>
			</div>
			<!-- <div class="form-actions">
						      <button type="submit" class="btn btn-danger btn">Generate</button>&nbsp;&nbsp;
						      <button type="reset" class="btn">Cancel</button>
						    </div> -->
		</fieldset>
	</div>
	<div class="modal-footer">
		<button class="btn btn-success" type="submit">GiveMeCoupon</button>
		<button type="reset" class="btn">Cancel</button>
	</div> 
</form>
<script type="text/javascript">
	$('#datetimepicker1').datetimepicker({
		format : 'dd/MM/yyyy hh:mm:ss'
	});

	$('#datetimepicker2').datetimepicker({
		format : 'dd/MM/yyyy hh:mm:ss'
	});
</script>
